﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jquery弹出式相册图片放大插件</title>
<link rel="stylesheet" type="text/css" href="css/new_file.css">
</head>
<body>
<div class="product">
<div class="productcen_content">
	<div class="product_introduce">
		<div class="product_main">
			<div class="product_j">
				<h3>某某某<span class="product_x">相册</span></h3>
			</div>
		</div>
		<div class="product_picture">
			<div class="product_picture1">
				<a href="###"><img src="img/a1.png"  /></a>
			</div>
		</div>
	</div>
</div>
<div class="tanchukuang_bg11"></div>
<div class="picture">
	<div class="picture_top">
		<span>查看大图</span>
		<a class="clos" href="###">×</a>
	</div>
	<div class="picture_bottom">
		<div class="picture_left">
			<div class="picture_img">
				<div class="picture_img2">
					<img src="" class="showImg" />
				</div>
			</div>
			<div class="prev">
				<a href="###"></a>
			</div>
			<div class="next">
				<a href="###"></a>
			</div>
		</div>
		<div class="picture_right">
			<div class="picture_name">
				<a href="###">
					<h3>某某某<span class="product_x">mou</span></h3></a>
			</div>
			<div class="picture_suo">
				<div class="picture_suo_t">
					<div class="picture_suo_img suo-img">
						<img class="lazy" src="img/a1.png" />
					</div>
					<div class="picture_suo_img">
						<img class="lazy" src="img/a2.png" />
					</div>
					<div class="picture_suo_img">
						<img class="lazy" src="img/a3.png" />
					</div>
					<div class="picture_suo_img">
						<img class="lazy" src="img/a4.png" />
					</div>
					<div class="picture_suo_img">
						<img class="lazy" src="img/a5.png" />
					</div>
					<div class="picture_suo_img">
						<img class="lazy" src="img/a1.png" />
					</div>
					<div class="picture_suo_img">
						<img class="lazy" src="img/a2.png" />
					</div>
					<div class="picture_suo_img">
						<img class="lazy" src="img/a3.png" />
					</div>
				</div>
				<div class="picture_suo_t" style="display: none;">
					<div class="picture_suo_img">
						<img class="lazy" src="img/a1.png" />
					</div>
					<div class="picture_suo_img">
						<img class="lazy" src="img/a2.png" />
					</div>
					<div class="picture_suo_img">
						<img class="lazy" src="img/a3.png" />
					</div>
					<div class="picture_suo_img">
						<img class="lazy" src="img/a4.png" />
					</div>
					<div class="picture_suo_img">
						<img class="lazy" src="img/a5.png" />
					</div>
				</div>
				<div class="picture_fenye">
					<div class="picture_prev">
						<img class="lazy" src="img/picture_prev.jpg" />
					</div>
					<span>1/2</span>
					<div class="picture_next">
						<img class="lazy" src="img/picture_next.jpg" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="ljxq22">
		<a href="###"><img class="lazy" src="img/ljxq2222.jpg" /></a>
	</div>
</div>
</div>

<script src="js/jquery-1.4.2.js" type="text/javascript" charset="utf-8"></script>
<script src="js/new_file.js" type="text/javascript" charset="utf-8"></script>

 
</body>
</html>